<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/mine.css">
</head>
<body>
    
    <div class="weather"></div>
    <div class="container">
        <div class="header">
            <div class="icon">
                <img src="./images/mine/icon1-set.png" alt="">
                <img src="./images/mine/icon1-mes.png" alt="">
            </div>
            <div class="clear"></div>
            <div class="personal">
                <div class="face">
                    <img src="./images/mine/face.png" alt="">
                </div>
                <div class="name">
                    <h3>包小君</h3>
                    <div class="sign">
                       <p>签到领积分</p> 
                    </div>
                    <div class="clear"></div>
                    <p>美食爱好者~</p>
                </div>
                    <div class="clear"></div>

            </div>
        </div>
        <div class="status">
            <ul>
                <li><a href="#">
                    <h1>2</h1>
                    <p>待配送</p>
                </a></li>
                <li><a href="#">
                    <h1>5</h1>
                    <p>已下单</p>
                </a></li>
                <li><a href="#">
                    <h1>36</h1>
                    <p>喜爱的</p>
                </a></li>
            </ul>
        </div>
        <div class="classify">
            <ul>
                <li><a href="#">
                    <img src="./images/mine/icon2-wallet.png" alt="">
                    <p>我的红包</p>
                    <img src="./images/mine/icon2-right.png" alt="">
                <div class="clear"></div>
                </a></li>
                <li><a href="#">
                    <img src="./images/mine/icon2-good.png" alt="">
                    <p>我的点赞</p>
                    <img src="./images/mine/icon2-right.png" alt="">
                <div class="clear"></div>
                </a></li>
                <li><a href="#">
                    <img src="./images/mine/icon2-address.png" alt="">
                    <p>我的地址</p>
                    <img src="./images/mine/icon2-right.png" alt="">
                    <div class="clear"></div>
                </a></li>
                <li><a href="#">
                    <img src="./images/mine/icon2-gift.png" alt="">
                    <p>邀请有礼</p>
                    <img src="./images/mine/icon2-right.png" alt="">
                    <div class="clear"></div>
                </a></li>
                <li><a href="#">
                    <img src="./images/mine/icon2-mes.png" alt="">
                    <p>意见反馈</p>
                    <img src="./images/mine/icon2-right.png" alt="">
                    <div class="clear"></div>
                </a></li>
                <li><a href="#">
                    <img src="./images/mine/icon2-listener.png" alt="">
                    <p>联系客服</p>
                    <img src="./images/mine/icon2-right.png" alt="">
                    <div class="clear"></div>
                </a></li>
                <li class="classy">
                    <p class="model">模式：</p>
                    <p class="dark">黑夜</p>
                    <p class="white">白天</p>
                    <div class="clear"></div>
               
                </li>
                <div class="clear"></div>
            </ul>
            <div class="clear"></div>
        </div>
        <div class="nav">
            <ul>
                <li><a href="index.html">
                    <span class="iconfont">&#xe615;</span>
                    <p>首页</p>
                </a></li>
                <li><a href="order.html">
                    <span class="iconfont">&#xe61b;</span>
                    <p>点餐</p>
                </a></li>
                <li><a href="myorder.html">
                    <span class="iconfont">&#xe629;</span>
                    <p>订单</p>
                </a></li>
                <li><a href="mine.html">
                    <span class="iconfont" style="color: #ed545a;">&#xe67a;</span>
                    <p style="color: #ed545a;">我的</p>
                </a></li>
            </ul>
        </div>
        <script src="./js/jquery-3.5.1.min.js"></script>
        <script src="./js/mine.js"></script>
    </div>
</body>
</html>